@rem:750/16rem;
.register-page {
  width: 100%;
  background: #fff;
  //头部  返回箭头
  .back a {
    display: inline-block;
    width: 38/@rem;
    height: 38/@rem;
    margin: 35/@rem 60/@rem;
    background-color: #fff;
    img {
      width: 38/@rem;
      height: 38/@rem;
      background-color: #fff;
    }
  }
  //标题 段落解释
  .header {
    display: inline-block;
    margin: 0 0 60/@rem;
    .numb {
      display: none;
    }
    h2 {
      line-height: 48/@rem;
      margin: 80/@rem 100/@rem 0;
      font-size: 48/@rem;
      font-weight: bold;
      font-family: "SourceHanSansCN-Bold";
    }
    p {
      margin: 30/@rem 180/@rem 0 100/@rem;
      line-height: 28/@rem;
      font-size: 28/@rem;
      color: #333;
      font-family: "SourceHanSansCN-Regular";
    }
  }
  //注册1
  .content{
    width: 100%;
    li {
      margin: 40/@rem 80/@rem 0 80/@rem;
      width: 590/@rem;
      padding-bottom:40/@rem;
      border-bottom: rgba(238, 238, 238, 1) solid 1px;
      span {
        font-family: "Roboto-Bold";
        font-size: 30/@rem;
        font-weight: bold;
        margin-right:30/@rem;
        width: 140/@rem;
        color: #333;
        display: inline-block;
      }
      input {
        width: 300/@rem;
        font-size: 30/@rem;
      }
      .btn {
        width: 175/@rem;
        text-align: right;
        height: 35/@rem;
        font-family: SourceHanSansCN-Regular;
        font-size: 30/@rem;
        padding: 0;
        margin: 0;
        color: #398DEE;
        background-color: snow;
      }
    }
    .get-code {
      /*width: 550/@rem;*/
      input {
        width: 195/@rem;
      }
      .btn {
        width: 175/@rem;
        height: 40/@rem;
        font-size: 30/@rem;
        padding: 0;
        margin: 0;
        background-color: snow;
      }
    }
  }
  //基本信息1
  .personal-info{
    .photo{
      border-bottom:none;
      position: relative;
      img{
        width: 180/@rem;
        height:180/@rem;
        border-radius:12/@rem;
        background: #f2f2f2;
      }
      input{
        position: absolute;
        top: 0;
        left:0;
        //left: 99px;
        z-index: 9;
        opacity:0;
        filter:alpha(opacity=0);
        height:180/@rem;
        width: 180/@rem;
        cursor: pointer;
      }
    }
    li{
      span{
        width:auto;
      }
      input[type=radio]{
        width:auto;
      }
      label{
        font-size: 30/@rem;
      }
    }
    .date{
      input{
        width:34%;
        float: right;
        background: url("../images/drop-down.png") right center no-repeat;
      }
    }
    .wap-work-date{
      input{
        width:30%;
        float: none;
        background: url("../images/drop-down.png") right center no-repeat;
      }
      i{
        margin:0 6/@rem;
        font-size:30/@rem;
      }
    }
    .describe {
      border-bottom: none;
      textarea {
        display: block;
        margin-top: 24/@rem;
        width: 510/@rem;
        height: 160/@rem;
        background: #F7F7F9;
        resize: none;
        padding: 20/@rem;
      }
    }
    .layui-form-item{
      display: inline-block;
      margin-bottom:0;
      width:380/@rem;
      .layui-select-title{
        border:none;
        input{
          border:none;
          width:auto;
        }
      }
    }
  }
  .add-btn{
    text-align: center;
    font-size:26/@rem;
    font-family:"SourceHanSansCN-Regular";
    a{
      color:#398DEE;
    }
  }
  .work-step{
    position: relative;
    a{
      margin-bottom:20/@rem;
      display: block;
      font-size:20/@rem;
      font-family:"SourceHanSansCN-Regular";
      color:#398DEE;
    }
    a:first-child{
      display: block!important;
    }
  }
  //教育经历
  .wap-education{
    li{
      span{
        display: inline-block;
        width:130/@rem;
      }
    }
  }
  //个人优势
  .advant{
    .add-btn{
      width:550/@rem;
      margin:60/@rem auto 90/@rem;
      text-align: left;
    }
  }
  //企业
  .id-pic{
    p{
      margin:14/@rem 0;
      font-size:20/@rem;
      color:#666;
    }
    .file-img-list{
      .file-img{
        position: relative;
        display: inline-block;
        margin-right:30/@rem;
        img{
          width: 180/@rem;
          height:180/@rem;
          border-radius:12/@rem;
          background: #f2f2f2;
        }
        input{
          position: absolute;
          top: 0;
          left: 0;
          z-index: 9;
          opacity:0;
          filter:alpha(opacity=0);
          height: 180/@rem;
          width: 180/@rem;
          cursor: pointer;
        }
      }
    }
  }
  .intent-con{
    li{
      span{
        display: inline-block;
        width:130/@rem;
      }
    }
  }
  //加入企业
  .join-company {
    .match {
      margin: 0 auto 67/@rem;
      width: 550/@rem;
      height: 286/@rem;
      border: 1px solid #eee;
      border-radius: 6/@rem;
      .pic {
        display: inline-block;
        margin-top: 48/@rem;
        margin-left: 76/@rem;
        img {
          width: 140/@rem;
          height: 140/@rem;
        }
        p {
          margin-top: 24/@rem;
          margin-left: -25/@rem;
          width: 183/@rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 26/@rem;
          font-family: "SourceHanSansCN-Regular";
          color: #999;
          span {
            color: #333;
          }
        }
      }
      .pic:first-child {
        margin-left: 76/@rem;
        position: relative;
        &:after {
          content: '';
          width: 70/@rem;
          height: 2/@rem;
          background: #999;
          position: absolute;
          left: 170/@rem;
          top: 80/@rem;
        }
      }
    }
    ul {
      margin: 0 auto;
      width: 550/@rem;
      li {
        margin-top: 80/@rem;
        line-height: 28/@rem;
        font-size: 26/@rem;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        span:first-child {
          margin-right: 30/@rem;
        }
      }
    }
  }
  //底部 返回上一步 下一步
  .step{
    text-align: center;
    margin-top:124/@rem;
    padding-bottom:60/@rem;
    a:first-child{
      display: none;
    }
    input{
      width:550/@rem;
      height:100/@rem;
      background:rgba(57,141,238,1);
      border-radius:6px;
      font-size:30/@rem;
      font-family:"SourceHanSansCN-Regular";
      color:#fff;
    }
  }
  .join-com-step{
    a:first-child{
      margin-bottom:30/@rem;
      display: block;
      font-size:24/@rem;
      font-family:"SourceHanSansCN-Regular";
      color:#398DEE;
    }
  }
  .intent-con{
    .layui-form-item{
      display: inline-block;
      margin-bottom:0;
      width:380/@rem;
      .layui-select-title{
        border:none;
        input{
          border:none;
          width:auto;
        }
      }
      .xm-cz{
        margin-right: 0!important;
      }
      .icon-caidan:before{
        content: '';
      }
      .xm-select-parent dd > .xm-cz-group{
        margin-right:0;
        border-right:none;
      }
      .xm-select-dl {
        span{
          width: auto;
          font-size:14px;
          font-weight:normal;
        }
      }
      .xm-select-parent dd > .xm-cz-group{
        overflow: visible;
      }
      .xm-select-input{
        font-size:14px;
      }
      .xm-select-label span{
        width:auto;
      }
    }
    .layui-anim-upbit{
      .ztree{
        >li{
          margin:0;
          width:auto;
          span{
            font-weight: normal;
          }
          >span:first-child{
            width:60/@rem;
            &:before{
              position: absolute;
              top:50%;
              margin-top:-4/@rem;
              content: '';
              width: 0;
              height: 0;
              border-width: 14/@rem;
              border-style: solid;
              border-color: #c2c2c2 transparent transparent transparent;
            }

          }
          ul{
            li{
              margin: 0 ;
              padding:10/@rem 0;
              width:auto;
              >span{
                position: relative;
                width:60/@rem;
                &:before{
                  position: absolute;
                  top:50%;
                  margin-top:-4/@rem;
                  content: '';
                  width: 0;
                  height: 0;
                  border-width: 14/@rem;
                  border-style: solid;
                  border-color: #c2c2c2 transparent transparent transparent;
                }
              }
            }
          }
        }
      }
    }
  }
}